﻿<%@ Page Title="Main" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Main.aspx.cs" Inherits="Main" EnableEventValidation="false" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <style type="text/css">
        .modalBackground
        {
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 10000;
            background-color: black;
            opacity: 0.3;
            filter: alpha(opacity=30);
        }
        .stylePopup
        {
            background-color: #fff;
            height: auto;
            width: 350px;
            top: 170px;
            left: 500px;
            margin: 10px auto;
            position: absolute;
            z-index: 10001;
        }
    </style>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <script src="Scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        function showPopup() {
            document.getElementById('<%=popup.ClientID%>').style.display = 'block';
            document.getElementById('<%=btnLoiKhac.ClientID%>').style.display = 'block';
        }
        function btnLoiKhacClick() {
            document.getElementById('<%=buttonLoiKhac.ClientID%>').click();
            document.getElementById('<%=popup.ClientID%>').style.display = 'block';
        }   
    </script>
    <style type="text/css">
        .buttonXem
        {
            cursor: pointer;
        }
    </style>
    <div style="text-align: center">
        <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
            <asp:ListItem Value="keyboard">Bàn phím</asp:ListItem>
            <asp:ListItem Value="touchpad">TouchPad</asp:ListItem>
            <asp:ListItem Value="screen">Màn hình</asp:ListItem>
            <asp:ListItem Value="otherHardware">Phần cứng khác</asp:ListItem>
            <asp:ListItem Value="os">Hệ điều hành</asp:ListItem>
        </asp:DropDownList>
        <asp:Button runat="server" ID="btnSendMail" Text="Send Info" 
            style="margin-left: 10px" onclick="btnSendMail_Click"/>
    </div>
    <div id="radioButton" style="padding-top: 25px">
        <asp:RadioButtonList ID="radioButtonList" runat="server" RepeatDirection="Vertical"
            OnSelectedIndexChanged="radioButtonList_SelectedIndexChanged" AutoPostBack="true">
        </asp:RadioButtonList>
    </div>
    <asp:Table runat="server" ID="tableButton">
        <asp:TableRow runat="server">
        </asp:TableRow>
    </asp:Table>
    <br />
    <br />
    <div id="popup" runat="server">
        • <b>Nguyên Nhân:</b>
        <asp:Label ID="labelNguyenNhan" runat="server"></asp:Label>
        <br />
        • <b>Khắc Phục:</b>
        <asp:Label ID="labelKhacPhuc" runat="server"></asp:Label>
        <br />
    </div>
    <a id="A1" onclick="btnLoiKhacClick()" runat="server">
        <img src="~/Images/loikhac.png" alt="alt" class="buttonXem" id="btnLoiKhac" runat="server"
            width="100" height="35" style="padding-top: 20px" />
    </a>
    <asp:Button ID="buttonLoiKhac" runat="server" Style="display: none" OnClick="buttonLoiKhac_Click" />
    <div id="PopupSendMail" runat="server" style="display: none">
        <div class="stylePopup">
            <asp:Panel ID="panel1" runat="server" Width="430px" BackColor="#C0C0C0">
                <div style="background-color: #FFFFFF">
                    <div style="background-color: #4B6C9E; font-weight: bolder; font-size: medium; text-align: center;"
                        align="center">
                        <asp:Label ID="Label1" Style="color: Red" runat="server">GỬI PHẢN HỒI</asp:Label>
                    </div>
                    <br />
                    <div runat="server" id="divDropDownList" style="text-align: center">
                        <asp:DropDownList runat="server" ID="DropDownList2">
                            <asp:ListItem Value="keyboard">Bàn phím</asp:ListItem>
                            <asp:ListItem Value="touchpad">TouchPad</asp:ListItem>
                            <asp:ListItem Value="screen">Màn hình</asp:ListItem>
                            <asp:ListItem Value="otherHardware">Phần cứng khác</asp:ListItem>
                            <asp:ListItem Value="os">Hệ điều hành</asp:ListItem>
                        </asp:DropDownList>
                    </div>
                    <br />
                    <div id="divSpan" runat="server" style="text-align: center; color: Red">
                        <span style="display: none; text-align: center" runat="server" id="span1">Triệu chứng và Email không được null !!!</span><br />
                    </div>
                    <asp:Label ID="lblTrieuChung" runat="server" style="margin-left: 5px">Triệu chứng <asp:Label runat="server" style="color: Red">(*)</asp:Label> :</asp:Label>
                    <asp:TextBox ID="txtTrieuChung" runat="server" style="margin-left: 8px" Width="261px"></asp:TextBox><br />
                    <br />
                    <asp:Label ID="Label2" Style="margin-left: 5px" runat="server">Nguyên nhân:</asp:Label>
                    <asp:TextBox ID="TextBox1" runat="server" Width="261px" style="margin-left: 21px"></asp:TextBox><br />
                    <br />
                    <asp:Label ID="Label3" Style="margin-left: 5px" runat="server">Khắc phục:</asp:Label>
                    <asp:TextBox ID="TextBox2" runat="server" Width="261px" Style="margin-left: 38px"></asp:TextBox><br />
                    <br />
                    <asp:Label ID="Label4" Style="margin-left: 5px" runat="server">Your email <asp:Label ID="Label5" runat="server" style="color: Red">(*)</asp:Label> :</asp:Label>
                    <asp:TextBox ID="TextBox3" runat="server" Width="261px" Style="margin-left: 15px"></asp:TextBox><br />
                    <br />
                    <div align="center" style="text-align: justify">
                        <asp:Button ID="Button1" runat="server" class="button" Style="text-align: center; margin-left: 110px;
                            margin-bottom: 10px" Text="Send" Width="80px" BackColor="#4B6C9E" onclick="btnSend_Click" />
                        <asp:Button ID="Button2" runat="server" class="button" Style="text-align: center;
                            margin-left: 65px; margin-bottom: 10px" Text="Cancel" Width="80px" BackColor="#4B6C9E" onclick="btnCancel_Click" />
                    </div>
                </div>
            </asp:Panel>
        </div>
        <div class="modalBackground" id="Div3">
        </div>
    </div>
    <div id="PopupThongBao" runat="server" style="display: none">
        <div class="stylePopup">
            <asp:Panel ID="panel3" runat="server" Width="370px" BackColor="#C0C0C0">
                <div style="background-color: #FFFFFF">
                    <div style="background-color: #4B6C9E; font-weight: bolder; font-size: medium; text-align: center;"
                        align="center">
                        <asp:Label ID="Label6" Style="color: Red" runat="server">Thông Báo</asp:Label>
                    </div>
                    <br />
                    <div style="text-align: center">
                        <asp:Label ID="Label7" runat="server" Text=""></asp:Label>
                    </div>
                    <br />
                    <div align="center" style="text-align: justify">
                        <asp:Button ID="Button3" runat="server" class="button" Style="text-align: center; margin-left: 150px;
                            margin-bottom: 10px" Text="OK" Width="80px" BackColor="#4B6C9E" onclick="btnOK_Click3" />
                    </div>
                </div>
            </asp:Panel>
        </div>
        <div class="modalBackground" id="Div5">
        </div>
    </div>
</asp:Content>
